<div id="addServRecommendModel" class="modal fade" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-body">
        <h3 class="m-t-none m-b ">
          <vc:i18n name="关联商品" namespace="addServRecommend"></vc:i18n>
        </h3>
        <div class="ibox-content">
          <div class="form-group row">
            <label class="col-sm-2 col-form-label">
              <vc:i18n name="选择商品" namespace="addServRecommend"></vc:i18n>
            </label>
            <div class="col-sm-5">
              <select class="custom-select" v-model="addServRecommendInfo.shopId" @change="queryAShopServs()">
                <option selected value="">{{vc.i18n('请选择店铺','addServRecommend')}}</option>
                <option v-for="(item,index) in addServRecommendInfo.shops" :value="item.shopId">
                  {{item.shopName}}
                </option>
              </select>
            </div>
            <div class="col-sm-5">
              <select class="custom-select" v-model="addServRecommendInfo.servId"  @change="selectServs()">
                <option selected value="">{{vc.i18n('请选择家政服务','addServRecommend')}}</option>
                <option v-for="(item,index) in addServRecommendInfo.servs" :value="item.servId">
                  {{item.servName}}
                </option>
              </select>
            </div>
          </div>
          <div class="form-group row">
            <label class="col-sm-2 col-form-label">
              <vc:i18n name='logo' namespace='addServRecommend'></vc:i18n>
            </label>
            <div class="col-sm-10">
              <vc:create path="frame/uploadImageUrl" callBackListener="addServRecommend"
                callBackFunction="notifyUploadCoverImage" namespace="addServRecommend" imageCount="1"></vc:create>
            </div>
          </div>


          <div class="form-group row">
            <label class="col-sm-2 col-form-label">
              <vc:i18n name='商品名称' namespace='addServRecommend'></vc:i18n>
            </label>
            <div class="col-sm-10">
              <input v-model="addServRecommendInfo.prodName" type="text"
                :placeholder="vc.i18n('必填，请填写商品名称','addServRecommend')" class="form-control">
            </div>
          </div>
          <div class="form-group row">
            <label class="col-sm-2 col-form-label">
              <vc:i18n name='价格' namespace='addServRecommend'></vc:i18n>
            </label>
            <div class="col-sm-10">
              <input v-model="addServRecommendInfo.price" type="text"
                :placeholder="vc.i18n('必填，请填写价格','addServRecommend')" class="form-control">
            </div>
          </div>
          <div class="ibox-content">
            <button class="btn btn-primary float-right" type="button" v-on:click="saveServRecommend()">
              <vc:i18n name="保存"></vc:i18n>
            </button>
            <button type="button" class="btn btn-warning float-right" style="margin-right:20px;" data-dismiss="modal">
              <vc:i18n name="取消"></vc:i18n>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>